<template>
<div class="header">
  <div class="top">top banner</div>
  <input type="text">
  <div class="nav">nav</div>
</div>
</template>

<script>
export default {
  name: "AppHeader",
  data(){
    return{

    }
  }
}
</script>

<style scoped>
.header{
  background: orange;
}
</style>